/* pkgPublish/pages/subject/index.wxss */
.container {
  background-color: #f5f5f5;
  padding: 140rpx 20rpx 160rpx;
  min-height: 100vh;
  box-sizing: border-box;
  .header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 140rpx;
    padding: 0 40rpx;
    background-color: #fff;
    &-title {
      display: flex;
      font-size: var(--utopia_big-size);
      font-weight: 700;
      margin-bottom: 20rpx;
      // text {
      //   max-width: 600rpx;
      //   display: -webkit-box;
      //   text-overflow: ellipsis; /*最后使用省略号显示*/
      //   overflow: hidden; /*超出部分隐藏*/
      //   -webkit-box-orient: vertical;
      //   -webkit-line-clamp: 1; /*能够显示几行*/
      // }
    }
    &-info {
      display: flex;
      font-size: var(--utopia_small-size);
      color: var(--utopia_font-normal);
      .margin-R {
        margin-right: 26rpx;
      }
    }
  }
  .subject-list {
    
  }
  .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160rpx;
    padding: 0 52rpx 20rpx;
    color: var(--utopia_font-normal);
    font-size: var(--utopia_big-size);
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
    .interest {
      color: var(--utopia_font-active);
    }
    button::after {
      border: none;
    }
    button {
      background-color: #fff;
    }
    display: flex;
    justify-content: space-between;
    margin-top: 10rpx;
    button {
      font-size: 40rpx;
      color: var(--utopia_font-normal);
      margin: 0;
    }
  }
}
